<template>
    <ul class="list-group">
        <li class="list-group-item">消息id：{{ route.params.msgId }}</li>
        <li class="list-group-item">消息内容：{{ route.query.content }}</li>
        <hr>
        <li class="list-group-item">消息id：{{ msgId }}</li>
        <li class="list-group-item">消息内容：{{ content }}</li>
        <li class="list-group-item">消息内容1：{{ text }}</li>
    </ul>
</template>

<script setup lang="ts">
import { useRoute } from 'vue-router';
const route = useRoute()
defineProps(['msgId', 'content', 'text'])
</script>

<style scoped>

</style>